@import '../../common';

.evaluate-container{
	@include block;
	margin-bottom: 0;

	.title{
		@include fontStyle(32,32,#000000,500);
	}
	.evaluate-count{
		@include flex-space-around;
		margin-top: 40rpx;
		margin-bottom: 32rpx;
		.score,.count{
			view{
				text-align: center;
				&.text_1{
					@include fontStyle(42,42,#fe5953,600);
				}
				&.text_2{
					margin-top: 10rpx;
					@include fontStyle(28,28,#999999,400);
				}
			}
		}
		.segmentation{
			width: 1px;
			height: 56rpx;
			background-color: #EEEEEE;
		}
	}

	.label{
		@include flex;
		flex-wrap: wrap;

		.item{
			@include fontStyle(28,28,#fa8a4b);
			padding:  8rpx 16rpx;
			background-color: #FEF3ED;
			border-radius:  4rpx;
			margin: 0 50rpx 24rpx 0;
		}
	}
	.classify{
		@include flex-space-between;
		margin-top: 16rpx;
		.item{
			@include fontStyle(28,28,#666666);	
			box-sizing: border-box;
			padding: 14rpx 32rpx;
			border-radius: 32rpx;
			border: 1rpx solid #000000;
			&.active{
				color: var(--color-theme);
				border-color: var(--color-theme);
				background-color: #EAEEFE;
			}
		}
	}
}